<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>购物车</title>
<style>
	.cart-header{
		width: 100%;
		line-height: 2rem;
	    background: #11BF79;
	    font-size: 1rem;
	    line-height: 3rem;
	    color: white;   
	}
	.cart-header a{
		color: white;
	}
	.list1{
    	margin-bottom: 0;
    	
    }    
    .list1 li {
      border: 1px solid #ccc;
      border-radius: 1.5vw;
      box-sizing: border-box;
      overflow: hidden;          
      }
   .list1 li:nth-child(1){
   	 margin-bottom: 3vw;  
   }
 	
  .list1 li div {
    width: 77%;
    float: left;
    box-sizing: border-box; 
    }
    .list1 li div p {
      width: 100%;
      
      }
    .list1 li div p:nth-child(2) {
      
      color: #ccc;
      /*margin-top: 0.5rem;*/ 
      }
    .list1 li div p:nth-child(2) span:nth-child(1) {
        float: left; }
     .list1 li div p:nth-child(2) span:nth-child(2) {
        float: right; }
    .list1 li div p:nth-child(2) span:nth-child(2) .price {
    
      color: red;
      margin-top: -1.5vw;
      margin-right: 3vw; }
      .num{
      	margin-left:65%;
		font-size: 1rem;
		color: orange;
		
		}
		/*.car3 dl .num .j{margin-left: 20%;}*/
		.car3 p{padding-left: 5%;
		line-height: 2rem;
		position: relative;}
		.car3 p .i6{margin-left: 10%;}
		.car3 p .i7{margin-left: 5%;
		color: orange;}
		.car3 p .i8{background: yellow;
		position: absolute;
		text-align: center;
		right: 0px;
		width: 40%;}

</style>
</head>
<body ng-controller="cartController"> 
	<div class="cart-header">
		<a href="#/mine">&nbsp;&gt&nbsp;&gt添加商品信息</a>
	</div>
	<div class="none" ng-show="cartData.length==0" ng-hide="total()">
		<p><img src="../img/11.png"/></p>
	</div>
	<div class="car3" ng-hide="total()==0">
		<ul class="list1">
			<li ng-repeat="obj in cartData" >
				<div>
					<p>{{obj.title}}</p>
					<p><span>{{obj.sold}}</span><span><span class="price">{{obj.price*obj.count}}</span>元起</span></p>
				</div>
				<div class="num"><span ng-click="fnjian(obj)">-</span>&nbsp;&nbsp;&nbsp; {{obj.count}}&nbsp;&nbsp;&nbsp; <span class="j" ng-click="fnjia(obj)">+</span></div>
			</li>
		</ul>
		<p><span class="i5">全选</span><span class="i6">合计</span><span class="i7">￥ {{ total() }}</span><a href="" class="i8">支付</a></p>
	</div>
	
</body>

</html>